js中的函数有两种调用方式，一种是通过普通的声明之后进行的调用。一种是通过new关键字进行构造调用。普通的调用就是依次执行函数内部的函数语句，如果有返回值则返回返回值，如果没有则函数内部的声明周期结束。但是，函数还有另一个调用方式，使用new关键字，将函数当做构造函数。js中没有所谓独立出来的构造函数的概念，所有的函数都用同样的方式声明，所以有了new这个关键字，js（ES6之前）只能通过这种方式实现构造器的构造。那么使用new关键字跟普通的调用有什么区别呢？

使用new关键字，比普通的函数调用，主要分为以下四个步骤：

稍后我们会对上面的四句话逐一解析，首先我们看一看函数调用的两种方式：

这样看来，两者似乎没有区别，但是这里要注意，使用new进行构造调用时，函数是有返回值的。

上面的return2并没有返回一个函数。

其实它会返回一个空的对象。这也就是上面使用new关键词的第一步，内部创建一个新的空对象。

那么当函数内部有this时，结果会是怎样的呢？

使用new关键字后，在函数内部如果出现了this，则自动将this指向内部新建的对象上。最后返回时，因为this的缘故，对象上新建了a属性，并且赋值返回。

修正定义的对象Object的虽然实例上的属性__proto__是ES6才作为规范出版的。但是在这之前chrome已经支持__proto__属性，他指向对象的原型。

原型的问题相当复杂，单独拿出来也可以当好几篇文章的量来讲。但是这并不是本文的重点。但是每一个对象从根部来说，继承自Object。而Object.prototype上面定义了一些方法，有类似toString，valueOf等等等方法。对于对象来说，支持通过属性链和方法链向上查询。所以在一个对象实例中，如果没有定义toString方法，但它还可以向上查询，找到原型中的toString方法，进行调用。

同时的，有很多元素通过Object实现继承。比如Function, Array, RegExp等等对象，它们也是对象，但是却是继承来自Object。

在这里，内部定义的对象，让他继承来自构造函数。

最后一步，也是最容易被忽略的一步，那就是当构造函数存在返回值时，并且返回值为对象时，返回对象而不返回之前定义的对象。

当然，上面说的Function，Array，RegExp也算Object的一种，如果返回他们同样也会阻止默认的对象返回。

在箭头函数出现之前，每一个新函数根据它是被如何调用的来定义这个函数的this值：如果是该函数是一个构造函数，this指针指向一个新的对象在严格模式下的函数调用下，this指向undefined如果是该函数是一个对象的方法，this指针指向这个对象如果该函数通过 call、apply 等方法调用，则它的 this 指向该方法传入的第一个参数值但是箭头函数在调用的时候并没有 this 绑定过程，它的 this 指向在他被创建的那一刻就决定了。例如你在全局环境下定义一个箭头函数的时候，它的 this 就会指向 window 对象:《img src=“https://pic2.zhimg.com/50/v2-b21d8f6533e52ba88e4b054b54e9407a_720w.jpg?source=1940ef5c“ data-caption=““ data-size=“normal“ data-rawwidth=“616“ data-rawheight=“60“ class=“origin_image zh-lightbox-thumb“ width=“616“ data-original=“https://pic3.zhimg.com/v2-b21d8f6533e52ba88e4b054b54e9407a_r.jpg?source=1940ef5c“/》

希望这张图能帮到你，函数中的prototype.constructor是指向Function构造函数本身的，而Function.prototype是Function构造函数构造出来的实例。实际工作中对于原型链的问题我还真是没怎么碰到过，所以他具体有什么用我也就不得而知了。望采纳

当你new一个构造函数（即自定义对象）的时候，其实就是在执行这个函数，这个时候函数中本应该只放对象属性、方法、事件的定义和赋值语句，这样的话表面上看好像没执行，但实际上是执行了（否则的话对象如何初始化？属性、方法、事件如果声明？）。而现在你在里面放了一个有实际执行后果的语句（即alert(“1111“);），所以你就看到了弹窗，这就是new执行的结果。正确的做法应该是把new放到ziyuansu的onclick事件中执行的：《!DOCTYPE html》《html》《head》《meta charset=“utf-8“》《title》《/title》《/head》《body》我的名字《input id=“mingzi“ value=“孙悟空“/》《button id=“ziyuansu“》点我《/button》《script》function hanshu(sunwukong,zhubajie){this.name=sunwukong, this.name1=zhubajie;hanshu.prototype.fangfa=function(){alert(this.name+“是我的名字“);}}ziyuansu.onclick=function(){var duixing=new hanshu(mingzi.value,“猪八戒“);duixing.fangfa();}《/script》《/body》《/html》这样的话你提的两个问题就都解决了！

函数就是方法，具体格式是function myfun(){//执行代码}这种形式。构造函数是函数中一种特殊的函数，也就是预定义函数，这函数已经被系统编写好了，能够执行一些特殊情况下的操作。类是面向对象的写法，具体为：class c {public function myfun(){//执行代码}}在调用类的时候需要new一下：var c = new c();//有参数的时候记得写上参数

构造函数与工厂函数之间差异：1.工厂函数需要创建对象，以及必须有返回值2.工厂函数针对的都是Object的对象模型，而构造函数可以匹配自定义的对象模型即前者不论创建什么都只有一个xx instanceof Object而后者根据自定义名而定类型，如上举例所示3.构造函数弊端，如果在全局中定义相同的局部变量，容易造成全局污染，因为this.xx如果在局部获取不到，就会去全局中获取4.构造函数可以重写，可以在全局中添加新属性和方法Person.prototype = {}，但工厂函数只能在局部添加各自适用场合：构造函数：适应用于大型项目，属性以及方法时常变换的项目工厂函数：适应用于小型项目，或者正在制作过程还没有成型的项目

不同于其它的主流编程语言，JavaScript的构造函数并不是作为类的一个特定方法存在的；

当任意一个普通函数用于创建一类对象时，它就被称作构造函数，或构造器。

一个函数要作为一个真正意义上的构造函数，需要满足下列条件：

1、 在函数内部对新对象（this）的属性进行设置，通常是添加属性和方法。

2、 构造函数可以包含返回语句（不推荐），但返回值必须是this，或者其它非对象类型的值。

上文定义的构造函数CO就是一个标准的、简单的构造函数。

《scripttype=“text/javascript“》functionfun(){alert(“good“);varage=1;this.name=’MrS.G’;this.method=fun2;}functionfun2(){alert(“thisisthesecondmethodshow“);}functionfun1(){varobj=newfun();alert(obj.name);obj.method();alert(obj.age);}window.onload=fun1;《/script》在fun1()方法中通过varobj=newfun()创建了一个对象。fun()是一个特殊的函数构造函数，它和普通的函数有什么区别和联系我将在下边谈论。注意到上边有两种形式定义变量。this.name和varage.其实通过this方式创建的变量叫做对象的成员变量，可以在外部通过对象引用。而varage是一个局部变量（如果放到外层，是一个全局变量）这个变量不能被对象在外部引用（如obj.age)否则是undefine，可以将它看成是一个对象的私有成员变量。接下来看看看构造函数的执行过程。首先执行varobj=newfun()这一步后，记录现场，然后跳到fun()的构造函数中，执行alert(“good“)跳出对话框。接下来就是创建成员变量了（如java中在堆中创建内存空间，创建栈）。好了fun()执行完了，回到fun1()，执行下去。注意一点，alert(obj.age)是undefine.我现在想知道哪些函数可以new()，哪些不可以new().《scripttype=“text/javascript“》functionfun2(){alert(“thisisthesecondmethodshow“);}functionfun1(){varobj=newfun2();alert(obj);alert(’ifdisplaytherenoerrothroughthecall’);}window.onload=fun1;《/script》这里functionfun2()是一个函数，但是它是构造函数吗？你可以将它当做一个构造函数。这里会发现fun1()中的alert()可以正常执行。这里可以总结为任何函数都可以new,在js中函数就是对象。但是试想一下这里new有意义吗?fun2()中没有变量，或者都是var定义的变量，那么在外部引用不了。new它干嘛呢？，还不如让fun2()作为全局函数执行好了。这里可以回答本章的要探索的问题了：任何函数都是构造函数，如果通过new就可以得到一个对象。通过函数不同的上下文调用分下面几种：(1).当在一个函数调用之前有new关键字，则上下文为新建的对象；//任何函数可以new创建一个对象(2).当一个函数使用call或者apply调用时，给定的第一个参数即为上下文；//构造方法中可以写成员方法。然后通过对象来调用(3).否则，如果一个函数作为一个对象的属性(obj.func)或者obj)来调用时，它就把该对象作为上下文来运行；//上边newfun2()没意义，直接fun2()调用，这里在全局上下文运行(4)如果与上述几条都不符的话，则函数将在全局上下文中运行。

要知道这个问题，需要知道new的过程发生了什么？终于在( js高级程序设计第三版）给出了答案：

1.创建一个空对象2.将这个空对象的原型，指向构造函数的prototype属性，构造函数中的this指向这个空对象3.开始执行内部的代码。4.如果该函数没有返回对象，则返回this

对第四点我要补充一点：因为有个关键字大家容易遗漏，就是对象这两个字，这意味着如果返回的是基本数据类型，比如：int ,string, 那么使用new 最后返回的还是this,这个对象，而不是基本数据类型，这是一个非常容易被遗漏的地方。

其他例子就不多说了，再补充两点总结：

小结：

1. 没有new的构造函数就是一个普通函数,this指向的window，返回值就是构造函数的返回结果。并且不管return的是基本数据类型还是引用类型，都会原样返回。

2. 有new的构造函数,默认返回this，而this指向实例化的对象。并且如果return的是基本数据类型，那么忽视掉该return值，如果返回的是一个引用类型，那么返回该引用类型。

js中定义的对象是通过new关键字来调用构造函数来产生对象的。function Ouser(user,pwd){ //构造函数。this.user=user;this.pwd=pwd;this.get=get;return this;}创建对象的时候：var tanya = new Ouser(“tanya“,“123“);